<template>
	<view class="swiper-item">
		<image webp="true" mode="aspectFill" class="swiper-image" src="/static/fruits.png"></image>
		<text class="swiper-title">水果分拣的应用场景</text>
	</view>
</template>

<script>
	export default {
		name: "adv-img",
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	.swiper-item {
		height: 100%;
		background-color: azure;

		.swiper-title {
			font-size: 40rpx;
			font-family: '宋体';
			color: white;
			position: absolute;
			top: calc(50% - 20rpx);
			left: calc(50% - 180rpx);
			/* linear-gradient 如果需要渐变色使用gradient */
			background-color: #1296db66;
		}

		.swiper-image {
			width: 100%;
			height: 100%;
		}
	}
</style>